<div id="snapshot_index">
    <div id="snapshot_index_main">
        <div id="snapshot_index_main_setting">
            <div class="people" id="snapshot_index_main_setting_DIV_1">
                <div class="setting" id="snapshot_index_main_setting_DIV_3">
                    <h2 id="snapshot_index_main_setting_H2_4">
                        Do you like this member?
                    </h2>
                    <ul class="filter" id="snapshot_index_main_setting_UL_5">
                        <li id="snapshot_index_main_setting_LI_6" class="current">
                            <span class="arrow tipsy-hover" id="snapshot_index_main_setting_SPAN_7"></span>
                        </li>
                    </ul>
                    <?php $this->widget('application.widgets.PreferenceWidget') ?>
                </div>
            </div>
        </div>
        <div id="snapshot_index_main_profile">
            <?php $this->widget('application.widgets.SnapshotProfileWidget') ?>
        </div>
    </div>
    <div id="snapshot_index_right">
        <div id="snapshot_index_right_queue">
            <?php $this->widget('application.widgets.SnapshotNextWidget') ?>
        </div>
        <div id="snapshot_index_right_popular">
            <?php $this->widget('application.widgets.PopularWidget') ?>
        </div>
        <div id="snapshot_index_right_counter">
            <?php $this->widget('application.widgets.CounterWidget') ?>
        </div>
    </div>
    <div id="snapshot_index_clear"></div>
</div>

<script type="text/javascript">
    PHP_PARAMS.snapshot_index_view = new Object();
    PHP_PARAMS.snapshot_index_view.targets = <?php echo json_encode($targets) ?>;
</script>